/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import { Icon } from 'antd-mobile-rn';

// project
import {
    Page, Content, Header, Row, Between, Text, Image,TouchOpacity
} from '../../../../library';


/******************************************************************************************
 * Export
 ******************************************************************************************/

export default class MyBill extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
    constructor (props) {
        super(props);
        this.Nav = this.props.navigation;

        /**
         * state
         */
        this.state = {
           
        };
    }

    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/
    /**
     * 
     */
    renderTabBar() {
        return <tabBarSet />;
    }

    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
    render(){
        return(
            <Page>

                <Content bg='#fff' mt='48'>
                    <Row>
                        <Row pt='100' x='center' y='center'>
                            <Text color='#aeaeae' size='13'>暂无交易记录~</Text>
                        </Row>
                    </Row>
                    
                </Content>

                {/* 顶部 star */}
                <Header h='48' y='center' bg='#fff' style={{ borderBottomColor:"#eee", borderBottomWidth:1 }}>
                    <Between px='10'>
                        <TouchOpacity active={0.6} onPress={(e)=> {
                            this.Nav.goBack()
                        }}>
                            <Icon type='left' size='md' color='#00CC66' />
                        </TouchOpacity>

                        <Text size='17'>我的账单</Text>
                        <Text></Text>
                    </Between>
                </Header>
                {/* 顶部 star */}

            </Page>
        )
    }
}
